body > div {
    /*border: 1px solid red;*/
    width: 1000px;
}

/*body {*/
/*margin: 0;*/
/*display: flex;*/
/*justify-content: center;*/
/*}*/

/* *号代表所有的元素*/
* {
    margin: 0;
}
/*---------------------------------公司联系方式--------------------*/
.top > div:nth-child(1) {
    /*background-color: #f36525;*/
    background-color: rgb(243, 101, 37);
    /*display: flex;*/
    /*justify-content: center;*/
    height: 50px;
    color: white;
}

.contact {
    width: 900px;
    /*border: 1px solid blue;*/
    display: flex;
    justify-content: space-between;

}

.contact > div:nth-child(2) {
    display: flex;
}

.contact > div:nth-child(2) > div {
    display: flex;
}

/*一般设置背景图片时，都会设置div的高宽*/
.phone > div:nth-child(1) {
    background-image: url("../img/a0gm.jpg");
    height: 16px;
    width: 22px;
}

/*.phone{*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/
/*.email{*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/

/*-----------------导航--------------------*/
.nav {
    width: 900px;
    height: 100px;
    /*border: 1px solid blue;*/
    display: flex;
}

.nav > div:nth-child(1) {
    display: flex;
}

/*后代选择器 */
.top .chinese-name {
    color: rgb(243, 101, 37);
}

.top .english-name {
    color: gray;
}

.nav > div:nth-child(2) > div {
    padding: 0 10px;
}

.quan {
    border-radius: 45px 45px 45px 45px;
    width: 10px;
    height: 10px;
    border: 1px solid rgb(243, 101, 37);
    margin: 5px;
    /*    让圈不显示*/
    /*    display: none;*/
    visibility: hidden;
}

/*鼠标移动到div上的事件*/
.nav > div:nth-child(2) > div:hover {
    color: rgb(243, 101, 37);
    /*鼠标移上去变成手*/
    cursor: pointer;

}

.nav > div:nth-child(2) > div:hover .quan {
    /*display: block;*/
    visibility: visible;
}

/*-------------------------广告-----------------------*/
.ad {
    background-image: url("../img/b.jpg");
    /*width: 1920px;*/
    /*需要将背景图片完整显示*/
    background-size: 100% 100%;
    /*height: 540px;*/
    /*    高度应该和宽度百分比适应*/
    height: calc(1000 * 540px / 1920);
    color: white;
}

.ad > div {
    /*border: 1px solid blue;*/
    width: 900px;
    display: flex;
    justify-content: flex-end;
}

.ad > div > div {
    /*border: 1px solid red;*/
    width: 400px;
    padding: 50px;
}

.slogan {
    font-size: 30px;
    display: flex;
}

/*奇偶数  odd 奇数，even 偶数*/
.slogan > div:nth-child(even) {
    margin: 0 15px;
}

.ad > div > div > div:nth-child(2) {
    font-size: 10px;
    margin: 10px 0;
    width: 300px;
}

.ad > div > div > div:nth-child(3) {
    display: flex;
}

.button {
    padding: 5px 30px;
    /*border: 1px solid red;*/
    margin: 0 30px 0 0;
    cursor: pointer;
}

.button:nth-child(1) {
    background-color: rgb(243, 101, 37);
}

.button:nth-child(2) {
    background-color: gray;
}
